<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>优惠卡详情</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-slide.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../script/vant/index.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/product_sort.css" />
    <link rel="stylesheet" type="text/css" href="css/common.css" />
    <link rel="stylesheet" type="text/css" href="css/detail.css" />
    <link rel="stylesheet" type="text/css" href="css/public.css" />
    
    <link rel="stylesheet" type="text/css" href="css/activity.css" />
    

</head>

<body>
    <!-- v-cloak -->
    <div id="app" v-cloak>
        <section class="bodymain">
            <!-- 活动信息 -->
        <div class="order_detail mt15">
            <!-- <div class="productlist_title">
                基本信息
            </div> -->
            <div class="dcwj_con2">
                <div class="dcwj_list">
                    <div class="fmly_lft fl">卡券名称</div>
                    <div class="dcwj_left fr">
                        {{form.CouponName}}
                    </div>
                </div>
                <div class="dcwj_list">
                    <div class="fmly_lft fl">卡券类型</div>
                    <div class="dcwj_left fr">
                        {{form.UseTypeDesc}}
                    </div>
                </div>
                <div v-if="form.UseType==2" class="dcwj_list">
                    <div class="fmly_lft fl">折扣</div>
                    <div class="dcwj_left fr">
                        {{form.CardMoneyDiscount}}
                    </div>
                </div>
                <div v-if="form.UseType==1" class="dcwj_list">
                    <div class="fmly_lft fl">减免金额</div>
                    <div class="dcwj_left fr">
                        {{form.CardMoneyDiscount}}
                    </div>
                </div>
                <div class="dcwj_list">
                    <div class="fmly_lft fl">发行数量</div>
                    <div class="dcwj_left fr">
                        {{form.UseNeedAmountDesc}}
                    </div>
                </div>
                <div class="dcwj_list">
                    <div class="fmly_lft fl">有效期</div>
                    <div class="dcwj_left fr">
                        {{form.ValidTime}}
                    </div>
                </div>
                <div v-if="form.UseType==1" class="dcwj_list">
                    <div class="fmly_lft fl">满减金额</div>
                    <div class="dcwj_left fr">
                        {{form.ReduceAmountDesc}}
                    </div>
                </div>
                <div class="dcwj_list">
                    <div class="fmly_lft fl">可用范围</div>
                    <div class="dcwj_left fr">
                        {{form.AmountTypeDesc}}
                    </div>
                </div>
                <div class="dcwj_list">
                    <div class="fmly_lft alline" >使用说明</div>
                    <div class="dcwj_left alline pt6">
                       {{form.Summary}}
                    </div>
                    
                </div>
            </div>
        </div>
        <div class="order_detail mt15">
            <div class="pro_choose font7 color9">已选择  {{form.AppointListTotal}} 种商品</div>
            <div v-if="form.AmountType==5" class="order_product">
                <ul class="aui-list aui-media-list" style="background-size:100% 0px; border: none;">
                    <li class="aui-list-item" v-for="item in productlist" style="border: none; background-size:100% 0px; position: relative;">
                        <div class="aui-media-list-item-inner btn_line" >
                            <div class="aui-list-item-media">
                                <img :src="item.CoverImage">
                            </div>
                            <div class="aui-list-item-inner">
                                <div class="pro-list-item-title aui-ellipsis-2">
                                    {{item.Name}}
                                </div>
                                <div class="pro_type">
                                    <div class="pro_type_item fl font6 aui-ellipsis-1">型号名称：{{item.TypeTitle}}</div>
                                    <div class="pro_type_itemrgt font6 fr aui-ellipsis-1">销售价：<span class="font75 font-weight" style="color: #333;">￥{{item.SalePrice}}</span></div>
                                </div>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>

            <div v-if="form.AmountType==4" class="tree_all" style="width: 90%; margin: 20px auto;">
                <div class="tree_item">
                    <div class="tree_item_lft aui-ellipsis-1 fl" v-on:click="do_openall()">
                        <i v-if="showAll" class="icon iconfont icon-zhankai color9"></i>
                        <i v-if="!showAll" class="icon iconfont icon-gengduo font7 color9"></i>
                        <span class="font8">全部分类
                    </div>
                    <div class="tree_item_rgt fr font65 color9">
                       {{form.AppointListTotal}}种商品
                    </div>
                </div>
                <div v-if="showAll" class="tree_all pl25" v-for="item in fenleilist">
                    <div class="tree_item">
                        <div class="tree_item_lft aui-ellipsis-1 fl"  v-on:click="do_opentype()">
                            <i v-if="showMenu" class="icon iconfont icon-zhankai color9"></i>
                            <i v-if="!showMenu" class="icon iconfont icon-gengduo font7 color9"></i>
                             {{item.Name}}
                        </div>
                        <div class="tree_item_rgt fr font65 color9">
                            {{item.SumProduct}}种商品
                        </div>
                    </div>
                    <div v-if="showMenu" class="tree_all pl25" v-for="item2 in item.children">
                        <div class="tree_item pl15">
                            <div class="tree_item_lft aui-ellipsis-1 fl">
                                {{item2.Name}}
                            </div>
                            <div class="tree_item_rgt fr font65 color9">
                                {{item.SumProduct}}种商品
                            </div>
                        </div>
                    </div>
                </div>
                
            </div>
        </div>
        </section>
        <div v-if="form.CouponType==0" class="pagebtn">
            <div class="linebuttom minwidth ml4 fl" v-on:click="do_removecard()">删除</div>
            <div class="linebuttom minwidth ml4 fl" v-on:click="do_editorder()">编辑</div>
            <div class="buttom minwidth mr4 fr" v-on:click="do_sendcard()">发布</div>
        </div>
        <div v-if="form.CouponType==1" class="pagebtn">
            <div class="buttom longwidth" v-on:click="do_shixiao()">失效</div>
        </div>
        <div v-if="form.CouponType==2" class="pagebtn">
            <div class="linebuttom sortwidth ml4 fl" v-on:click="do_removecard()">删除</div>
            <div class="buttom sortwidth mr4 fr" v-on:click="do_editorder()">编辑</div>
        </div>
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vant/vue.js"></script>
<script type="text/javascript " src="../script/vant/vant.js"></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/aui-actionsheet.js"></script>
<script type="text/javascript" src="../script/aui-slide.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/mui/mui.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.picker.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.poppicker.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript " src="js/youhui_detail.js"></script>



</html>
